

* {	margin: 0px; padding: 0px;}
body, html {
	font-family:Arial, Microsoft YaHei, PingFang SC;
	font-size: 14px;
	-webkit-font-smoothing: antialiased;
	font-smoothing: antialiased;
	-webkit-text-size-adjust: none;
	-webkit-tap-highlight-color: transparent;
	-webkit-overflow-scrolling: touch;
	overflow-scrolling: touch;

	
	
}
a {	text-decoration: none;	color: #666;}
a:hover {	text-decoration: underline;}
ul, li {list-style-image: none;list-style-type: none;}
img { border:none; display: block;}

.clr {clear: both;}
.left{ float:left;}
.right{ float:right;}
.hidden{ overflow:hidden;}

object{display:none;}




/*pages*/
.pages{
      height: 60px;
    padding: 20px 0 30px;
    width: 100%;
    clear: both;
}
.tcdPageCode {
    text-align: center;
    color: #808080;
    font-size: 14px;
}
.tcdPageCode li{
  display: inline;
}
.tcdPageCode span.disabled {
    display: inline-block;
    height: 35px;
    line-height: 35px;
    padding: 0 14px;
    margin: 0 2px;
    color: #808080;
    background: #fff;
    border: 1px solid #e6e3e3;
    vertical-align: middle;
    border-radius:1px;
}
.tcdPageCode span.current {
    display: inline-block;
    height: 35px;
    line-height: 35px;
    padding: 0 14px;
    margin: 0 2px;
    color: #fff;
    background-color: #fe9901;
    border: 1px solid #fe9901;
    vertical-align: middle;
    border-radius:1px;
}
.tcdPageCode a {
    display: inline-block;
    color: #808080;
    height: 35px;
    line-height: 35px;
    background: #fff;
    padding: 0 14px;
    border: 1px solid #ddd;
    margin: 0 2px;
    vertical-align: middle;
    border-radius:1px;
}

.m-t-20{

text-align:center;
margin:20px 0;!important

}

.page-item a{color:#333;}




/*上下翻页*/
.pagination{
  border-top:1px solid #f7f7f7;
  padding-top: 20px;
}
.page-link{
  border-radius: 24px !important;
  display:block;
}




      .swiper {
        width: 100%;
      height:100vh;
      }

      .swiper-slide {
        text-align: center;
        font-size: 18px;
        background: #fff;
		   height: 100vh;

        /* Center slide text vertically */
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
      }

      .swiper-slide img {
        display: block;
        width: 100%;
        height: 100%;
        object-fit: cover;
      }


.mySwiper20{ width:100%;}



.dh{ position: fixed;  left: 0;  top: 0;   width: 100%;  z-index: 99; background: rgba(0,0,0,0.3); height:100px;  transition: all .2s;     transition-delay: 0; }
.dhn{  display:flex; align-items: center; justify-content: space-between;   padding: 15px 3.125vw 0 3.125vw;  position: relative;  z-index: 9;}


.logo img{ width:100%; max-width:320px; }
.dh .logo img:nth-child(2){ display:none;}


.shrink .logo img:nth-child(1){ display:none;}
.shrink .logo img:nth-child(2){ display:block;}

.shrink{ background: rgba(255,255,255,0.95); box-shadow: 0 2px 10px rgb(0 0 0 / 10%);}



.logo:after {
  content: "";
  width: 320px;
  height: 320px;
  position: absolute;
  top: 60%;
  left: 9%;
  transform: translate3d(-50%, -50%, 0) scale3d(0, 0, 0);
  border-radius: 100%;
  z-index: -1;
}

.logo:hover::after {
  background-image: url('data:image/svg+xml;utf8,\
    <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 400 400" width="160" height="160">\
        <style>\
            @keyframes rotateShape %7Bto %7B transform: rotate(-360deg)}} %3C/style>\
      <g>\
          <circle cx="15" cy="85" r="10" style="fill:none;stroke-width:4;stroke:rgb(192,192,192);"/>\
          <polygon points="110 10, 100 30, 120 30" style="fill:none;stroke-width:2;stroke: rgb(255,102,102);transform-origin: 120px 25px;transform: rotate(-25deg);animation:rotateShape 2s linear infinite"/>\
        <polygon points="110 100, 90 100, 90 120, 110 120" style="fill:none;stroke-width:2;stroke: rgb(0,102,204);transform-origin: 100px 110px;transform: rotate(5deg);animation:rotateShape 2s linear infinite"/>\
      </g>\
    </svg>');
  background-size: 100px 100px;
  animation: burst 0.8s ease-out;
}
@keyframes bounce {
  0% {
    transform: translate3d(-50%, -50%, 0) scale3d(1, 1, 1);
  }
  25% {
    transform: translate3d(-50%, -50%, 0) scale3d(1.2, 1.2, 1.2);
  }
  45% {
    transform: translate3d(-50%, -50%, 0) scale3d(0.85, 0.85, 0.85);
  }
  60% {
    transform: translate3d(-50%, -50%, 0) scale3d(1.05, 1.05, 1.05);
  }
  100% {
    transform: translate3d(-50%, -50%, 0) scale3d(1, 1, 1);
  }
}
@keyframes burst {
  60% {
    opacity: 1;
  }
  100% {
    transform: translate3d(-50%, -50%, 0) scale3d(1, 1, 1);
    opacity: 0;
  }
}



.logo img:hover{animation:rotate 1s;}

@keyframes rotate{0%{transform:rotate(0deg);}10%{transform:rotate(15deg);}30%{transform:rotate(-15deg);}50%{transform:rotate(15deg);}70%{transform:rotate(-15deg);}80%{transform:rotate(0deg);}}





.nav { display:flex; align-items: center; flex-wrap: nowrap; position:relative; gap: 10px;	}
ul.nav li{	width: 10vw;	text-align:center;}
ul.nav > li{	float: left;}
.dh ul.nav li h3{	line-height:60px;	color: #fff;}
.dh ul.nav  > li  > h3 a{	color: #fff; font-size: 20px; font-weight: bold;		height: 60px;	width: 100%;}

.dh ul.nav  > li  > ul  > li  h3 a{display: block;	font-size: 16px; font-weight: normal;	background: #fff000;	color: #323232;	height: 50px; line-height:50px;	width: 100%;		}

.dh ul.nav  > li  > ul  > li  h3 a:hover{ text-decoration:none; background: #323232; color:#fff;}

ul.nav  > li  h3 a:hover,.choice {color: #fff;}

.dh ul.nav  > li  h3 a:hover,.choice {width: 100%;	background: rgba(8,64,147,0);	color: #fff; text-decoration: none;}

ul > li > ul{ display: none; 	}
ul > li.on > ul{ display: block;  width:100%;  background: #ea521a;  border-radius:20px; overflow:hidden; position:absolute; }
ul.nav li{ position: relative; }
ul.nav > li > ul > li ul{ position:  absolute; top: 0;  }





.shrink ul.nav li h3{	line-height:60px;	color: #333;}
.shrink ul.nav  > li  > h3 a{	color: #333; font-size: 20px; font-weight: bold;		height: 60px;	width: 100%;}

.shrink ul.nav  > li  > ul  > li  h3 a{display: block;	font-size: 16px; font-weight: normal;background: #fff000;	color: #323232;	height: 50px;	width: 100%;		}

.shrink ul.nav  > li  > ul  > li  h3 a:hover{ text-decoration:none; background: #323232; color:#fff;}

.shrink ul.nav  > li  h3 a:hover,.choice {color: #333;}

.shrink ul.nav  > li  h3 a:hover,.choice {width: 100%;	background: rgba(8,64,147,0);	color: #333; text-decoration: none;}



.shrink .tel{ color:#f3d922;}


.tel{  display:flex; font-size:30px; font-weight:bold;  align-items: center; font-family:Arial, Helvetica, sans-serif; color:#fff;  gap:8px; min-width:235px;}
.tel img{ width:40px;}

.tel img:hover{animation:rotate 1s;}

@keyframes rotate{0%{transform:rotate(0deg);}10%{transform:rotate(15deg);}30%{transform:rotate(-15deg);}50%{transform:rotate(15deg);}70%{transform:rotate(-15deg);}80%{transform:rotate(0deg);}}




.m_nav{display:none}
.headlf .m_logo{display: none}
.headrg .m_menuimg{display: none}

.mySwiper2 .swiper-slide img:nth-child(2) {  display: none;}



.mySwiper2 .swiper-slide{ background:#000;}
.mySwiper2 img{ opacity:1;}



.sgy{ display:flex; width:100vw; height:100vh;}
.sgyl{ width:60vw;}
.sgyr{ width:40vw;}
.sgyr img{   display: block;   width: 100%;     height: 100vh;   object-fit: cover;}

.sgyln{ text-align:left; padding-left:10vw; padding-top:20vh; line-height:46px; color:#333; }




.sgyln strong{ font-size:78px; display:block;}
.sgyln b{ font-size:68px; display:block; font-weight:normal; color:#fff000; padding-top:3.5vh;}
.sgyln p{ margin-top:60px; font-size:28px; }


.sgyns{ display:flex; justify-content:flex-start; padding-top:70px;     width: 30vw; flex-wrap: wrap; row-gap: 30px; padding-bottom:70px;}
.sgyns dl{  position:relative; width: 50%;}
.sgyns dt{ font-size:70px; color:#f3d922; font-family:Arial, Helvetica, sans-serif; font-weight:bold; }
.sgyns dd{ font-size:16px; font-weight:bold; color:#333; padding-top:10px;}
.sgyns span{ font-size: 20px;   position: absolute;   left: 120px;  color: #f3d922;  top: 0;}
.sgyns dl:nth-child(3) span{ left: 160px;}
.sgyns dl:nth-child(4) span{ left: 80px;}



.more a{ float:left; display:block; width:111px; height:41px; line-height:41px; text-align:center; font-size:14px; color:#fff;  background:#f3d922;  position:relative;  transition: all .2s; z-index:10; overflow:hidden; border-radius:100px; }
.more a:hover{ color:#fff;   text-decoration:none;}

.more a:before{ content:""; display:block; width:115px; height:115px;  border-radius:200%;    background:#fff100;  position:absolute; top:0; left:-115px; transition: all .3s; z-index:-1;}

.more a:hover:before{ left:-2px; }

.sys{ background:url(../image/ysbg.jpg) no-repeat center center; width:100vw; height:100vh; color:#fff; background-size:cover;}


.title{font-size:58px; display:block; color:#fff; font-weight:bold; margin:auto; padding-top:12vw; position:relative; width:300px;}

.title span img{ width:30px; height:30px;  display:block;animation:xing 2s linear infinite; position:absolute; bottom:50px; right:-28px; }
 

@keyframes xing{
0%{transform:rotate(0deg);}
50%{transform:rotate(180deg);}
100%{transform:rotate(360deg);}

}

.sysn{ display:flex;     width: 90vw;  margin: auto; gap: 4vw; line-height: 40px; padding-top:10vh;}
.sysn dl{ padding:2vw; border:solid 1px #999; box-sizing:border-box; width:20vw; border-top-right-radius:40px; border-bottom-left-radius:40px;  position:relative; z-index:10; overflow:hidden;  transition: all .8s;}
.sysn dt{ font-size:28px; font-weight:bold; padding-bottom:2vh; position:relative; transition: all .8s;}
.sysn dt:after{ content:""; display:block; width:40px; height:1px; border-radius:100px; background:#fff; position:absolute; bottom:8px; left:50%; transform:translate(-50%); }
.sysn dd{ font-size:16px;}

.sysn dl:hover{  cursor: pointer; border:solid 1px #f3d922;}


.sysn dl:before{ content:""; display:block; width:560px; height:460px;     background:#f3d922;  position:absolute; top:0; left:-570px;  z-index:-1; transition: all .8s;}

.sysn dl:hover:before{ left:0; }

.sysn dl img{ width: 60px;  height: 60px; margin:auto;     padding-bottom: 3vh; transition: all .8s;}

.sysn dl:hover dt{ transform:translate( 0,-160%); }
.sysn dl:hover img{ transform:translate( 0,80%); }


.xia{ position: absolute;  bottom: 1.5625vw;  width: 100%; z-index: 9;}

.xia p {
    width: 1.19791666vw;
    height: 1.66666vw;
    border-radius: 0.59895833vw;
    box-sizing: border-box;
    border: 0.15vw solid #fff;
    margin: 0 auto;
    justify-content: center;
    transition: all .4s cubic-bezier(.69, .27, .45, .99);

}

.xia p:after {
    content: "";
    width: 0.1541666vw;
    height: 0.5208333vw;
    background: #fff;
    margin-top: 0.3125vw;
    animation: 1.5s MouseAnimate infinite ease normal both;
    transition: all .4s cubic-bezier(.69, .27, .45, .99);
    margin:auto;
	display:block;
}

@keyframes MouseAnimate {
    0% {      margin-top: 0.3125vw;  }
    50% {     margin-top: 0.625vw;     opacity: 1; }
    70% {    margin-top: 0.625vw;   opacity: 0; }
    100% {   margin-top: 0.3125vw;  opacity: 0; }
}

.sxw{ width:100vw; height:100vh; }
.sxwt{font-size:58px; display:block; color:#333; font-weight:bold; margin:auto; padding-top:11vh; position:relative; width:300px;}

.sxwt span img{ width:30px; height:30px;  display:block;animation:xing 2s linear infinite; position:absolute; bottom:50px; right:5px; }

.sxwn{ display:flex;     width: 90vw;  margin: auto; gap: 4vw; line-height: 40px; padding-top:4vh; padding-bottom:4vh; text-align:left;     justify-content: space-between;}

.sxwn dt{ border-radius:30px; overflow:hidden;}
.sxwn dt img{  transition: all .8s;}
.sxwn a:hover img{transform:scale(1.2) rotate(12deg);}

.sxwn dd b { display:block;   font-size: 0.8333vw;  line-height: 1.666vw;  margin-top: 1.30208333vw;  color: #666;	 font-weight:normal;}

.sxwn dd strong {display:block;  font-weight:normal; margin-top:0.5vh; font-size: 1vw;   line-height: 1.7708333vw;  overflow: hidden;  text-overflow: ellipsis;  color: #333;}

.sxwn dd span{ display:none;}


.sxwn dd span i{ width:18px; height:18px; background:#c3c3c3; border:solid 1px #c3c3c3; border-radius:50%; display:flex; justify-content: space-around;   align-items: center;   }
.sxwn dd span i:after{ content:""; width:6px; height:6px; border: 1px solid #fff;  border-style: solid solid none none;   transform: rotate(45deg); margin-left: -4px; margin-top:2px;} 

.sxwn a:hover span{ color:#fff100;}
.sxwn a:hover span i{ border:solid 1px #fff100; background:#fff100; transition: all .6s;}
.sxwn a:hover span i:after{ border:solid 1px #fff; border-style: solid solid none none;}

.sxwn a:hover{ text-decoration:none;}

.ft{ width:100vw;  background:#222; padding:4vh 0 2vh 0; position:absolute; bottom:0; text-align:left; color:#777; }

.ftn{ width:90vw; margin:auto; display:flex; justify-content: space-between; padding-bottom:2vh;}
.ftl{ width:60vw; display:flex; justify-content: space-between;}
.ftl dl{ }
.ftr{ width: 6.7708333vw;}
.ftr img{  width:100%; height: auto; max-width:192px; margin: auto;}
.ftr span{ text-align:center; color:#777; font-size:14px; display:block; padding-top:1vh; }

.e{ float:right;}

.ft a{ font-size:16px; line-height:36px;}
.ft dt a{ font-size:20px; font-weight:bold; color:#fff; display:block; margin-bottom:2vh;}

.bq{ padding-top:2vh;  border-top:solid 1px #484848; width:90vw; margin:auto; display:flex; justify-content: space-between; font-size:14px; line-height:24px; }
.bq a{ font-size:14px;}
.bql span{ display:block; padding-bottom:4px; }
.bql b{ display:block; color:#fff;     font-size:30px; }
.bqr{ text-align:right;}




.baner-inner {
    height: 36.97917vw;
    min-height: 75vh;
	  max-height:100vh;
    position: relative;
    overflow: hidden;
	background:#000;
}

.baner-inner .img-banner {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 106%;
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%;
    top: 0;
    z-index: 0;
    transform: scale(1.3);
    transition: all 3s;
	 /* opacity:0.6; */
}

.baner-inner .img-banner.animated {
    transform: scale(1);
}


.ft2{ position:relative;}

.jj{ width:100vw; display:flex; justify-content: space-between; flex-wrap: wrap; overflow:hidden; padding-top:6vh; padding-bottom:6vh; color:#333;}
.jjl{ width:48vw;   overflow:hidden; border-top-right-radius: 20px; border-bottom-right-radius: 20px;}
.jjl img{ width:100%; height:100%; object-fit: cover;  transition: all .5s;}
.jjl img:hover{ transform:scale(1.2);}

.jjr{ width:48vw; box-sizing:border-box; padding-right:8vw; padding-top:3vh; padding-bottom:6vh; overflow:hidden; font-size:16px; line-height:30px;}
.jjr strong{ display:block; font-size:40px; line-height:100%;}
.jjr h6{ font-size:28px;  line-height:200%; font-weight:normal;}

.jj2{ width:100vw; display:flex; justify-content: space-between; flex-wrap: wrap; overflow:hidden; padding-top:6vh; padding-bottom:6vh; color:#333; background: #f7f7f7;}
.jj2l{ width:48vw; box-sizing:border-box; padding-left:20vw; padding-right:4vw; padding-top:6vh; padding-bottom:6vh; overflow:hidden; font-size:16px; line-height:30px; }
.jj2l strong{ display:block; font-size:40px; line-height:100%;}
.jj2l h6{ font-size:28px;  line-height:200%; font-weight:normal;}

.jj2r{  width:48vw;   overflow:hidden; border-top-left-radius: 20px; border-bottom-left-radius: 20px;}





.yj{ padding:3vh 0; }
.bt{ text-align:center; font-size:40px; color:#333; padding-bottom:3vh; font-weight:bold; position:relative; z-index: 9;}
.bt:after{ content:""; display:block; width:210px; height:8px; background:#fff100; position:absolute; top:42px; z-index:-1; left:50%; transform:translate(-50%);  border-radius:10px;}

.yj1{ font-size:120px; text-align:center; font-weight:bold; padding-bottom:3vh; position:relative;     color: #332c2b;}
.yj1:after{ content:"HAPPYSNACKS"; display:block;  position:absolute; font-size:180px; font-weight:bold; color:#fff100; top:-16px; z-index:-1; left:50%; transform:translate(-50%);  border-radius:10px;}


.yj2 img{ margin:auto; width:20vw; padding:3vh 0;}


.yj3{ width:90vw; margin:auto; display:flex;     justify-content: space-evenly; text-align:center; padding-bottom:3vh;}
.yj3 dl{ padding: 2vw;   border: solid 1px #fff100;   box-sizing: border-box;   width: 20vw;   border-top-right-radius: 40px;   border-bottom-left-radius: 40px;   position: relative;   z-index: 10;   overflow: hidden;   transition: all .3s; box-shadow: 0 0 20px 2px hsl(0deg 0% 64% / 37%);}
.yj3 dl:hover{ background:#fff100; color:#fff; cursor: pointer;}

.yj3 dt{ font-size:40px; font-weight:bold; position:relative; padding-bottom:50px;}
.yj3 dt:after{ content:""; display:block; width:30px; height:3px; background:#fff100; position:absolute; bottom:18px; left:50%; transform:translate(-50%);  border-radius:10px;}
.yj3 dd{ font-size:18px; line-height:36px; color:#666;}
.yj3 dl:hover dt:after{ background:#fff;}
.yj3 dl:hover dd{ color:#fff;}

.jzg{ padding-bottom:3vh;}
.bt2{ text-align:center; font-size:40px; color:#333; padding-bottom:3vh; font-weight:bold; position:relative;}
.bt2:after{ content:""; display:block; width:250px; height:8px; background:#fff100; position:absolute; top:42px; z-index:-1; left:50%; transform:translate(-50%);  border-radius:10px;}


.jzg2{ width:90vw; margin:auto; display:flex;     justify-content: space-evenly; text-align:center; padding-bottom:3vh;}
.jzg2 dl{ padding: 2vw;   border: solid 1px #fff100;   box-sizing: border-box;   width: 20vw;   border-top-right-radius: 40px;   border-bottom-left-radius: 40px;   position: relative;   z-index: 10;   overflow: hidden;   transition: all .3s; box-shadow: 0 0 20px 2px hsl(0deg 0% 64% / 37%);}
.jzg2 dl:hover{ background:#fff100; color:#fff; cursor: pointer;}

.jzg2 dt{ font-size:40px; font-weight:bold; position:relative; padding-bottom:50px;}
.jzg2 dt:after{ content:""; display:block; width:30px; height:3px; background:#fff100; position:absolute; bottom:18px; left:50%; transform:translate(-50%);  border-radius:10px;}
.jzg2 dd{ font-size:18px; line-height:36px; color:#666;}
.jzg2 dl:hover dt:after{ background:#fff;}
.jzg2 dl:hover dd{ color:#fff;}


.ys{ padding:3vh; background:#f7f7f7; position: relative; }
.ys2{ width:77vw; margin:auto; display:flex;     justify-content: space-evenly; text-align:center; padding-bottom:3vh; }
.ys2 dl{ padding:2vw 1vw;   border: solid 1px #fff100;   box-sizing: border-box;   width: 18vw;   border-top-right-radius: 40px;   border-bottom-left-radius: 40px;   position: relative;   z-index: 10;   overflow: hidden;   transition: all .3s; box-shadow: 0 0 20px 2px hsl(0deg 0% 64% / 37%); }
.ys2 dl:hover{ background:#fff100; color:#fff; cursor: pointer;}

.ys2 dt{ font-size:40px; font-weight:bold; position:relative; padding-bottom:50px;}
.ys2 dt:after{ content:""; display:block; width:30px; height:3px; background:#fff100; position:absolute; bottom:18px; left:50%; transform:translate(-50%);  border-radius:10px;}
.ys2 dd{ font-size:18px; line-height:36px; color:#666;}
.ys2 dl:hover dt:after{ background:#fff;}
.ys2 dl:hover dd{ color:#fff;}


.mdxx{ padding:4vh 0 10vh 0; overflow:hidden; position:relative;}
.bt3{ text-align:center; font-size:40px; color:#333; padding-bottom:3vh; font-weight:bold; position:relative; }
.bt3:after{ content:""; display:block; width:170px; height:8px; background:#fff100; position:absolute; top:42px; z-index:-1; left:50%; transform:translate(-50%);  border-radius:10px;}

.side{ width:30vw; height:80px; line-height:80px; background:#fff; gap:1px; margin:auto; border-top-right-radius: 40px;  border-bottom-left-radius: 40px;  overflow:hidden; display:flex; justify-content: space-between;  transform:translate(0,-50%)}
.side a{ display:block; text-align:center; width:50vw; font-size:18px; color:#333; font-weight:bold; background: #f5f5f3;}
.side a:hover{ background:#fff100; color:#fff; text-decoration:none;}





.xw{ display:flex;     width: 90vw;  margin: auto; gap: 4vw; line-height: 40px; padding-top:4vh; padding-bottom:4vh; text-align:left;     justify-content: space-between; max-width: 1600px;}
.xw dl{ }


.xw dt{ border-radius:30px; overflow:hidden;}
.xw dt img{ width:100%;  transition: all .8s;}
.xw a:hover img{transform:scale(1.2) rotate(12deg);}

.xw dd b { display:block;   font-size: 0.8333vw;  line-height: 1.666vw;  margin-top: 1.30208333vw;  color: #666;	 font-weight:normal;}

.xw dd strong {display:block;  font-weight:normal; margin-top:0.5vh; font-size: 1vw;   line-height: 1.7708333vw;  overflow: hidden;  text-overflow: ellipsis;  color: #333;}



.xw dd span{ display: flex;  font-size: 0.8333vw;  font-weight: bold;  line-height: 1.666vw;  margin-top: 1.30208333vw;  color: #333;  align-items: center; gap:0.3vw; font-family:Arial, Helvetica, sans-serif; transition: all 2s;}
.xw dd span i{ width:18px; height:18px; background:#c3c3c3; border:solid 1px #c3c3c3; border-radius:50%; display:flex; justify-content: space-around;   align-items: center;   }
.xw dd span i:after{ content:""; width:6px; height:6px; border: 1px solid #fff;  border-style: solid solid none none;   transform: rotate(45deg); margin-left: -4px; margin-top:2px;} 

.xw a:hover span{ color:#fff100;}
.xw a:hover span i{ border:solid 1px #fff100; background:#fff100; transition: all .6s;}
.xw a:hover span i:after{ border:solid 1px #fff; border-style: solid solid none none;}

.xw a:hover{ text-decoration:none;}


.kong{ width:100vw; height:15vh;}

.xwbody{ max-width:1200px; padding:3vh 20px; border-top:solid 1px #ddd; margin:auto; line-height:30px;}
.xwbody h1{ text-align:center;}
.xwbody .fu{ text-align:center; color:#999;}

.xwbodyn{ font-size:16px; color:#333; padding:3vh 0;}


.pc{ display:block;}
.ph{ display:none;}


.jm1{ padding:6vh 0;}
.jmzc{ width:94vw; max-width:1600px;  margin:auto; font-size:16px; line-height:30px; display:flex; justify-content: space-between; gap:10vw; color:#333;}
.jmzcl{ width:40vw;}

.jmzcl b{ display:block; font-size:24px; padding-bottom:10px; color:#333; display:flex;}
.jmzcl p{ padding-bottom:10px; color:#666;}

.jmzcl p b span{ font-size:16px; padding-right:18px; display:block; position:relative; color:#fff; text-indent:6px;}
.jmzcl p b span:after{ content:""; display:block; width:30px; height:30px; background:#fed900; position:absolute; top:0; left:0; border-radius:200px; z-index:-1;}

.jmzcr{ width:35vw; position: relative; min-height:250px; }
.jmzcr img{ width:100%; max-width:750px; margin-top: -4vh; position:absolute; top: 50%; transform: translate(0,-50%);}

.jm2{ padding:6vh 0 0 0; background:#fafafa; position: relative; z-index:-2;}
.jm2n{ width:94vw; max-width:1600px;  margin:auto; font-size:16px; line-height:30px; display:flex; justify-content: space-between;  color:#333; padding-top:2vh; }
.jm2p { width:41vw;    box-sizing: border-box;}
.jm2p dl{ padding-bottom:6vh; padding-left:90px;}
.jm2p dt{ font-size:24px; padding-bottom:10px; color:#333; font-weight:bold; display:flex;}

.jm2p dt span{ font-size:16px; padding-right:18px; display:block; position:relative; color:#fff; text-indent:6px;}
.jm2p dt span:after{ content:""; display:block; width:30px; height:30px; background:#fed900; position:absolute; top:0; left:0; border-radius:200px; z-index:-1;}

.jm3{ padding:6vh 0;}
.jm3n{ width:94vw; max-width:1600px;  margin:auto; font-size:16px; line-height:30px; display:flex; justify-content: space-between;  color:#333; margin-top:2vh;  background:#eeeeee;     border-top-right-radius: 40px;  border-bottom-left-radius: 40px; overflow:hidden;}
.jm3n  li{	width:50%;overflow:hidden; color:#000; }



.jm3n li img{ width:100%; height:100%; object-fit: cover;  transition: all .5s;}
.jm3n li img:hover{ transform:scale(1.2);}
.jm3n li p{ padding:4vh 4vw; line-height:50px; font-size:18px;margin-top: 3vh;}

.jm4{ padding:6vh 0 3vh 0;}
.jm4n{ width:94vw; max-width:1600px;  margin:auto; font-size:16px; line-height:30px;  color:#333; padding-top:2vh; }

table{ border-left:solid 2px #000; border-top:solid 2px #000;}
td{ border-right:solid 2px #000; border-bottom:solid 2px #000; padding:1vh 2vw; text-align:center;}

.jm4n table{ margin-bottom:0px;}
.jm4n td{ font-size:20px; line-height:40px; }

.jm4t{ padding-bottom:10px;}
.jm4b{ padding-top:10px;}

.bt10{ text-align:center; font-size:40px; color:#333; padding-bottom:3vh; font-weight:bold; position:relative; }
.bt10:after{ content:""; display:block; width:490px; height:8px; background:#fff100; position:absolute; top:42px; z-index:-1; left:50%; transform:translate(-50%);  border-radius:10px;}

.jmm{ position:relative;}
.jmm img{ position:absolute; max-width:100px; top:50%; left:50%; transform:translate(10%,-15%)}


.jm5{ padding:6vh 0 3vh 0;}
.jm5n{ width:94vw; max-width:1600px;  margin:auto; font-size:16px; line-height:30px;  color:#333; padding-top:2vh; }
.jm5n img{ width:100%;}

.jm5n img:nth-child(1){ display:block;}
.jm5n img:nth-child(2){ display:none;}

.z1{ background:url(../image/z1.png) no-repeat -10px 0; background-size:80px;}
.z2{ background:url(../image/z2.png) no-repeat 0 0; background-size:60px;}
.z3{ background:url(../image/z3.png) no-repeat 0 0; background-size:60px;}
.z4{ background:url(../image/z4.png) no-repeat 0 0; background-size:60px;}
.z5{ background:url(../image/z5.png) no-repeat 0 0; background-size:60px;}
.z6{ background:url(../image/z6.png) no-repeat 0 0; background-size:60px;}
.z7{ background:url(../image/z7.png) no-repeat 0 0; background-size:60px;}
.z8{ background:url(../image/z8.png) no-repeat 0 0; background-size:60px;}


.jm6{ padding:6vh 0 3vh 0;}
.jm6n{ width:94vw; max-width:1600px;  margin:auto; font-size:16px; line-height:30px;  color:#333; padding-top:2vh; }

.jm6n dt{ font-size:20px; height:70px; line-height:26px; background:#eee; display:flex; align-items: center; gap: 10px; padding:0 20px; z-index:-2; position:relative; }
.jm6n dd{ font-size:16px; height:100px;  line-height:26px;   display:flex; align-items: center;  gap: 10px; padding:0 20px; color:#666;}

.jm6n dt b{ display:block; width:28px; height:28px; line-height:28px;  color:#fff;  font-weight:normal; font-size:14px; text-align:center; position:relative;}
.jm6n dt b:after{ content:""; display:block; width:28px; height:28px; background:#fed900; position:absolute; top:0; left:0; z-index:-1; border-radius:200px;}

.jm6n dd b{ display:block; width:28px; height:28px; line-height:28px;  color:#fff;  font-weight:normal; font-size:14px; text-align:center; position:relative;}
.jm6n dd b:after{ content:""; display:block; width:28px; height:28px; background:#ccc; position:absolute; top:0; left:0; z-index:-1; border-radius:200px;}

.lx1{ padding:6vh 0 6vh 0;}
.lx1n{ width:94vw; max-width:1600px;  margin:auto; font-size:16px; line-height:30px;  color:#333; padding-top:2vh; display:flex; justify-content: space-around; }

.lx1n li{ display:flex; flex-direction: column; text-align: center; width: 25%; border-right: solid 1px #ccc;}
.lx1n li:nth-child(4){ border:none;}

.lx1n li img{ max-width:73px; margin:auto;}
.lx1n li b{ font-size:20px; color:#333; padding:20px 0;}
.lx1n li span{}

.ditu{ width:94vw; max-width:1600px;  margin:auto; font-size:16px; line-height:30px;  color:#333; padding-top:2vh;  }
.map{ width:100%;height:500px; }


.lx2{ padding:6vh 0 6vh 0;}
.lx2n{ width:94vw; max-width:1600px;  margin:auto; font-size:16px; line-height:30px;  color:#333; padding-top:2vh;  }

.lx2n img{ width:100%;}
.lx2n a:nth-child(1) img{ display:block;}
.lx2n a:nth-child(2) img{ display:none;}


@media screen and (max-width: 2300px) and (min-width: 1601px){
.sgyln{ text-align:left; padding-left:10vw; padding-top:20vh; line-height:36px; color:#333;}
.sgyln strong{ font-size:58px; display:block;}
.sgyln b{ font-size:48px; display:block; font-weight:normal; color:#fff000; padding-top:2.5vh;}
.sgyln p{ margin-top:60px; font-size:18px;}


.title{ padding-top:25vh;}
.sxwt{ padding-top:12vh;}

.sxwn dd strong { font-size: 1.2vw;  }
.sxwn dd span{ display: flex;  font-size: 0.8333vw;  font-weight: bold;  line-height: 1.666vw;  margin-top: 1.30208333vw;  color: #333;  align-items: center; gap:0.3vw; font-family:Arial, Helvetica, sans-serif; transition: all 2s;}

.ft{ padding-bottom:4vh 0;}


.ftn{ padding-bottom:3vh;}
.bq{ padding-top:3vh;}

.ft a{ font-size:14px; line-height:30px;}
.ft dt a{ font-size:18px; font-weight:bold;}










}



@media screen and (max-width: 1600px) and (min-width: 1500px){
.dh{ height:90px;}

.sgyln strong{ font-size:58px; display:block;}
.sgyln b{ font-size:48px; display:block; font-weight:normal; color:#fff000; padding-top:2.5vh;}
.sgyln p{ margin-top:60px; font-size:18px;}
}

@media screen and (max-width: 1499px) and (min-width: 1024px){

.logo img {   width: 100%;  max-width: 220px;}

.dh{ height:70px;}
.dhn{ padding-top:6px;}
ul.nav > li > h3 a {  font-size: 16px;}
.tel{ font-size:20px; min-width:170px;}
.tel img{ width:30px; }

.sgyln strong{ font-size:58px; display:block;}
.sgyln b{ font-size:48px; display:block; font-weight:normal; color:#fff000; padding-top:2.5vh;}
.sgyln p{ margin-top:60px; font-size:18px;}
}








/*移动端导航*/
@media screen and (max-width: 1023px) and (min-width: 0px){
   
   .m_img{display:block;height:70px;background:#fff;position:fixed;top:0px;left:0px;width:100%;z-index:9999;border-bottom:1px solid #ddd;overflow: hidden;}
   .m_img .headlf{padding-top:5px;padding-left:5px;float: left;}
   .m_img .headlf .m_logo{height:56px;display: block}
   .m_img .headrg{padding-right:4%;padding-top:24px;float: right;}
   .m_img .headrg a .m_menuimg{height:28px;vertical-align:top;display: block}
   .m_nav {display:block;position:fixed;top:0px;left:0px;width:0px;height:0px;overflow:hidden;z-index:10000}
   .m_nav .closecover{position:absolute;width:100%;height:100%;background:#0b0d19;filter:alpha(opacity=0);opacity:0;left:0px;top:0px;z-index:1}
   .m_nav .closeicon{position:absolute;width:20%;left:30px;top:5%;z-index:100;text-align:center;filter:alpha(opacity=0);opacity:0}
   .m_nav .m_navList{position:absolute;width:80%;right:0px;top:0px;background:#323232;height:100%;z-index:100;right:-80%;overflow-y: scroll;}
   .m_nav .m_navList ul{padding-left:5%;padding-right:5%}
   .m_nav .m_navList ul li{border-bottom:1px solid #fff000}
   .m_nav .m_navList ul li a{display:block;height:55px;color:#fff;line-height:55px;padding-left:5%;font-size:16px}
   .m_nav .m_navList ul li .m_f_a{display: flex;align-items: center;justify-content: space-between; width: 100%}
   .m_nav .m_navList ul li .m_f_a a{flex: 1;}
   .m_nav .m_navList ul li .m_f_a i{width: 40px;height:35px;box-sizing: border-box; padding:0 5px; display: block;}
   .icon{ background:url(../image/plus.png) 100% no-repeat;background-position: 50% 50%; -webkit-transition:all 0s;-moz-transition:all 0s;transition:all 0s}
   .icon_on{background:url(../image/plus2.png) 50% no-repeat!important;background-position: 50% 50%;-webkit-transition:all 0s;-moz-transition:all 0s;transition:all 0s}
   .m_nav .m_navList ul li .m_s_nav{display:none;width: 100%;}
   .m_nav .m_navList ul li .m_s_nav a{display: block; height:40px;line-height:40px;font-size:14px;padding-left:10%;overflow: hidden; white-space: nowrap;width: 90%;text-overflow: ellipsis;}
   
   
   
   .side a:after {
    content: "";
    width: 8px;
    height: 8px;
    border: 2px solid #b8b8b8;
    border-style: solid solid none none;
    position: absolute;
    top: 50%;
    right: 32px;
    margin-top: -4px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
	display:none;
}
   
  
.dh{display: none;}

.mySwiper2 .swiper-slide img:nth-child(1){ display:none;}
.mySwiper2 .swiper-slide img:nth-child(2){ display:block;}

.sgy{  flex-direction: column;}
.sgyl{ width:100vw;}
.sgyr{ width:100vw; height:auto;}

.sgyln { padding:10vh 0 0 0;  width:94%; margin:auto; line-height: 30px;}

.sgyln strong { font-size: 36px;  }
.sgyln b { font-size: 26px; padding-top:1vh;  }
.sgyln p{ font-size: 16px; margin-top:20px;  }

.sgyns{ width:100%; padding-top:30px; padding-bottom:30px; row-gap: 20px;}

.sgyns dt {  font-size: 40px;}

.sgyns span { left: 86px;}
.sgyns dl:nth-child(3) span{ left: 114px;}
.sgyns dl:nth-child(4) span{ left: 60px;}

.sgyns dd {  padding-top: 4px;}


.xia{ bottom:3vh;}
.xia p{ width:4vw; height:3vh; border-radius:2vw;}
.xia p:after { width:0.5vw; height:1vh;   transform:translate(0,80%);}


.more a{ display:none;}

.title{ font-size:36px; padding-top:10vh;}
.sysn{ width:94vw; flex-wrap: wrap; display:flex; padding-top:6vh;}
.sysn dl{ width:47%;}

.sysn dl img{ width:40px; height:40px; padding-top:2vh; padding-bottom:2vh;}
.sysn dt{ font-size:20px;}
.sysn dd { font-size: 12px;  height: 80px;   white-space: nowrap;   text-overflow: ellipsis;   overflow: hidden;   line-height: 26px;}

.sysn dl:hover dt{ transform:translate( 0,-120%); }
.sysn dl:hover img{ transform:translate( 0,80%); }

.sxwt{ font-size:36px; padding-top:8vh;}
.ftn{ display:none;}

.sxwn{ flex-direction: column; padding-top: 3vh;}
.sxwn dt{height: 15vh;}
.sxwn dl{ height:20vh;}

.sxwn dd b{ line-height:4vw; font-size:1vw; color:#aaa;}
.sxwn dd strong{ line-height:4vw; font-size:4vw;}

.ft{ padding:2vh 0 1vh 0;}
.bq{ flex-direction: column;     padding-top: 1vh;}
.bql{ display:none;}

.bqr{ text-align:left; padding-top:0;}
.bqr br{ display:none;}

.title span img{ width:20px; height:20px;  bottom:30px; right:26px; }
.sxwt span img{ width:20px; height:20px;  bottom:30px; right:50px; }



.side { width: 80vw;  height: 40px; line-height: 40px; border-top-right-radius: 20px;  border-bottom-left-radius: 20px;}
.side a{ font-size:16px;}

.xw{ flex-direction: column; padding-top: 2vh;}
.xw dl{ padding-bottom:1vh;}
.xw dd b { line-height: 4vw;  font-size: 1vw;   color: #aaa;}
.xw dt {height: 15vh;}
.xw dd strong{ font-size:16px; line-height:100%;}
.xw dd span{ display:none;}


.kong{ height:10vh;}

.xwbody h1 { font-size:20px; line-height:100%;}

.pc{ display:none;}
.ph{ display:block;}
.baner-inner{ margin-top:44px;min-height: 30vh;}


.bt3{ font-size:30px;}
.bt3:after{ width:130px; top: 30px;}


.jj{ flex-direction: column;}

.jjl { width: 100vw;   overflow: hidden;  border-top-right-radius: 20px;  border-bottom-right-radius: 20px;}
.jjr{ width:92vw; margin:auto; padding-right:0; padding-bottom:0;}
.jjr strong{ font-size:30px;}
.jjr h6{ font-size:20px;}

.jj2{ flex-direction: column;}
.jj2l{  width:92vw; margin:auto; padding:0 0 3vh 0;}
.jj2 strong{ font-size:30px;}
.jj2 h6{ font-size:20px;}
.jj2r{ width:92vw; margin:auto; border-radius:0;}

.bt{ font-size:30px;}
.bt:after{ width:160px; top:30px;}

.yj1{ font-size:10vw;}
.yj1:after{ font-size:12vw; top:0;}

.yj3{ width:92vw; margin:auto; flex-wrap:wrap; justify-content:space-evenly; gap: 3vh;}
.yj3 dl{ width:92vw;}
.yj3 dt{ font-size:30px; padding-bottom: 20px;}
.yj3 dd{ font-size:16px;}
.yj3 dt:after{ bottom: 6px;}


.bt2{ font-size:30px;}
.bt2:after{ width:190px; top:30px;}


.jzg2{ width:92vw; margin:auto; flex-wrap:wrap; justify-content:space-evenly; gap: 3vh;}
.jzg2 dl{ width:92vw;}
.jzg2 dt{ font-size:30px; padding-bottom: 20px;}
.jzg2 dd{ font-size:16px; line-height:30px;}
.jzg2 dt:after{ bottom: 6px;}

.ys{ padding:3vh 0;}
.ys2{ width:92vw; margin:auto; flex-wrap:wrap; justify-content:space-evenly; gap: 3vh;}
.ys2 dl{ width:92vw;}
.ys2 dt{ font-size:30px; padding-bottom: 20px;}
.ys2 dd{ font-size:16px; line-height:30px;}
.ys2 dt:after{ bottom: 6px;}



.jm5n img:nth-child(1){ display:none;}
.jm5n img:nth-child(2){ display:block;}

.jm4 td{ font-size:12px; line-height:26px;}

.jmzc{ flex-direction: column;}
.jmzcl{ width:92vw; margin:auto;}
.jmzcr{ width:92vw; margin:auto;}

.jm2n{ flex-direction: column;}
.jm2p{ width:92vw; margin:auto;}


.jm3{ padding-bottom:0;}
.jm3n{ width:92vw; margin:auto; flex-direction: column; background:#fff; border-radius:0;}
.jm3n li{ width:100%;}

.jm3n li p{ font-size:16px; padding:0; color:#333; line-height:36px; padding-top:2vh;}


.bt10{ font-size:30px;}
.bt10:after{ width:94vw; top: 30px;}

.jmm img {  max-width: 70px;  top: 50%;  left: 30%;  transform: translate(10%,-15%);}

.jm6n dt{ font-size:16px; gap:0;}


.jm6n dt b{ margin-right:3%;}
.jm6n dt span{  width:90%;}

.jm6n dd{ font-size:14px; height:auto; padding:20px 20px; gap:0;}

.jm6n dd b{ margin-right:3%;}
.jm6n dd span{  width:90%;}


.lx1n{ flex-wrap: wrap;}

.lx1n li{ width:45%; border:none;}
.lx1n li b{ padding:10px 0 0 0;}


.map{ width:100%;height:400px; }

.lx2n a:nth-child(1) img{ display:none;}
.lx2n a:nth-child(2) img{ display:block;}

.lx1n li img { max-width:100px;  width:73px; height:60px;}

.lx1n li{ display:block;}
.lx1n li b{ display:block;}

.lx1n li:nth-child(3){ padding-top:20px;}
.lx1n li:nth-child(4){ padding-top:20px;}




   }
